﻿@model TumbaloSoft.Models.GastosComunes
@{
    ViewBag.Title = "Registrar Gasto Comun";
    if (ViewBag.permiso == 3 || ViewBag.permiso == 0)
    {

        Layout = "~/Views/Shared/_AdministradorGeneralLayout.cshtml";

    }

    if (ViewBag.permiso == 2)
    {

        Layout = "~/Views/Shared/_AdministradorEdificiosLayout.cshtml";

    }
}

<script>
    $(function () {
        $("#datepicker").datepicker({
            changeMonth: true,
            changeYear: true,
            dateFormat: 'dd/mm/yy'
        });
    });

    $(function () {
        $("#datepicker1").datepicker({
            changeMonth: true,
            changeYear: true,
            dateFormat: 'dd/mm/yy'
        });
    });


</script>
<script>
	// increase the default animation speed to exaggerate the effect
	//$.fx.speeds._default = 4000;
	$(function () {
		$("#dialog").dialog({
			autoOpen: false,
			resizable: false,
			height: 240,
			modal: true,
			buttons: {
				"Si": function () {
					$("#form_1").submit();
					$(this).dialog('close');
					
				},

				"No": function () {
					$(this).dialog("close");
				}
			}
		});

		$("#open").click(function () {
			$("#dialog").dialog("open");
			return false;
		});


	});
</script>
<script>
	$(document).ready(function () {
		$(":file").css("background-color", "lightgray");
		$(":file").css("height", "25px");
		$(":file").css("margin-left", "-7px");
	});
</script>
    <!-- content -->
    <div class="body2">
        <div class="main">
            <section id="content">
                <div class="wrapper">
                    <!--Formulario-->
                    <article class="col0">
						<nav class="urbangreymenu">
							<h3 class="headerbar">Gastos Comunes</h3>
							<ul id="subMenu">
								<li>
									<h5>@Html.ActionLink("Agregar Gasto Común", "Registrar")</h5>
								</li>
                                <li>
									<h5>@Html.ActionLink("Visualizar Gastos Comumnes", "Buscar")</h5>
								</li>
                                <li>
									<h5>@Html.ActionLink("Registrar Consumo de Agua", "RegistrarAgua")</h5>
								</li>
							</ul>
						</nav>
					</article>

                    <article class="col1" style="width: 500px">

                        <form id="form_1" method="post" style="height: 100%">
                            <div class="pad1">
                                <h3>Registrar Gasto Comun </h3>
                                <!--edificio -->
                                <div class="row_select">
                                    <table style="width: 420px">
                                        <tr>
                                            <td style="width: 210px"><span>Edificio *:</span></td>
                                            <td style="width: 210px">
                                                <select id="prEdificio_prIdEdificio" name="prEdificio.prIdEdificio">
                                                    @foreach (var edif in ViewBag.listaedif)
                                                    {
                                                        <option value="@edif.prIdEdificio">@edif.prNombre.ToUpper()</option>
                                                    }
                                                </select>
                                        </tr>
                                    </table>
                                </div>
                                   
                                               
                                <!--tipo de servicio -->
                                <div class="row_select">
                                    <table style="width: 420px">
                                        <tr>
                                            <td style="width: 210px"><span>Tipo de Servicio *:</span></td>
                                            <td style="width: 210px">
                                                <select id="prTipoServicio_prIdTipoServicio" name="prTipoServicio.prIdTipoServicio">
                                                    @foreach (var serv in ViewBag.listaserv)
                                                    {
                                                        if (@serv.prIdTipoServicio!=2)  
                                                        {
                                                            <option value="@serv.prIdTipoServicio">@serv.prDescripcion</option>
                                                        }
                                                    }
                                                </select>
                                        </tr>
                                    </table>
                                </div>

                                 <div class="row">
                                        <table style="width: 420px">
                                            <tr>
                                                <td style="width: 210px"><span>Fecha de Emisión*:</span></td>
                                                <td style="width: 210px"> 
                                                    <input class="input" type="text" name="prFecEmision" id="datepicker" />
                                                    @Html.ValidationMessageFor(model=>model.prFecEmision,null)                                              
                                                </td>
                                            </tr>
                                        </table>                                                
                                 </div>

                                <div class="row">
                                        <table style="width: 420px">
                                            <tr>
                                                <td style="width: 210px"><span>Fecha de Vencimiento*:</span></td>
                                                <td style="width: 210px"> 
                                                    <input class="input" type="text" name="prFecVencimiento" id="datepicker1" />
                                                    @Html.ValidationMessageFor(model=>model.prFecVencimiento,null)                                              
                                                </td>
                                            </tr>
                                        </table>                                                
                                 </div>

                                   <div class="row">
                                                <table style="width: 420px">
                                                    <tr>
                                                        <td style="width: 210px"><span>Monto:</span></td>
                                                        <td style="width: 210px"> 
                                                            @Html.TextBoxFor(model => model.prMonto, new { @Class="input"})
                                                            @Html.ValidationMessageFor(model=> model.prMonto)
                                                        </td>
                                                    </tr>
                                                </table> 
                                         </div>


                                <span>&nbsp;</span>
										        <a href="#"  class="button" onClick="document.getElementById('form_1').submit()">Registrar</a>
                                                <a href="#"  class="button" onClick="document.getElementById('form_1').reset()">Limpiar</a>
                                                <a href="/GastosComunes/Index"  class="button" onClick="document.getElementById('form_1').cancel()">Cancelar</a>
                                <br>
                                <br>
                            </div>
                        </form>
                    </article>

                </div>
            </section>
        </div>
    </div>
    <!-- / content -->

    <script type="text/javascript"> Cufon.now(); </script>

</body>

